<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="z" tagdir="/WEB-INF/tags"%>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>
<%
	com.test.model.User currentUser = (com.test.model.User) org.apache.shiro.SecurityUtils.getSubject()
			.getPrincipal();
	request.setAttribute("currentUser", currentUser);
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<jsp:include page="/head.jsp" />
<script type="text/javascript">
	$(function() {
		$("#increaseForm").bootstrapValidator({
			message: 'This value is not valid',
			feedbackIcons: {
				valid: 'glyphicon glyphicon-ok',
				invalid: 'glyphicon glyphicon-remove',
				validating: 'glyphicon glyphicon-refresh'
			},
			fields: {
				username: {
					message: '账号非法',
					validators: {
						notEmpty: {
							message: '账号不能为空'
						},
						stringLength: {
							min: 3,
							max: 20,
							message: '账号长度必须位于3到20之间'
						},
						regexp: {
							regexp: /^[a-zA-Z0-9_\.]+$/,
							message: '账号由数字字母下划线和.组成'
						},
						remote: {
							url: '/test/validateUsername.do',
							message: '账号已存在',
							type: 'POST'
						},
					}
				},

				plainPassword: {
					message: '密码非法',
					validators: {
						notEmpty: {
							message: '密码不能为空'
						},
						stringLength: {
							min: 3,
							max: 20,
							message: '密码长度必须位于3到20之间'
						},
						identical: {
							field: 'plainPassword',
							message: '两次密码输入不一致'
						},
						regexp: {
							regexp: /^[a-zA-Z0-9_\.]+$/,
							message: '密码由数字字母下划线和.组成'
						},
						different: {
							field: 'username',
							message: '密码不能与账号相同'
						}
					}
				},

				repassword: {
					message: '密码非法',
					validators: {
						notEmpty: {
							message: '密码不能为空'
						},
						stringLength: {
							min: 3,
							max: 20,
							message: '密码长度必须位于3到20之间'
						},
						identical: {
							field: 'plainPassword',
							message: '两次密码输入不一致'
						},
						regexp: {
							regexp: /^[a-zA-Z0-9_\.]+$/,
							message: '密码由数字字母下划线和.组成'
						}
					}
				},

				realName: {
					message: '姓名非法',
					validators: {
						notEmpty: {
							message: '姓名不能为空'
						},
						stringLength: {
							min: 2,
							max: 10,
							message: '姓名长度必须位于2到10之间'
						},
						regexp: {
							regexp: /^[\u4e00-\u9fa5]{2,10}$/,
							message: '姓名由汉字组成'
						}
					}
				},

				phoneNumber: {
					message: '电话号码非法',
					validators: {
						notEmpty: {
							message: '电话号码不能为空'
						},
						stringLength: {
							min: 11,
							max: 11,
							message: '电话号码长度必须为11位数字'
						},
						regexp: {
							regexp: /^1[3|5|8]{1}[0-9]{9}$/,
							message: '请输入正确的手机号码'
						}
					}
				},

				department: {
					message: '部门非法',
					validators: {
						notEmpty: {
							message: '所在部门不能为空'
						},
					}
				},
			}
		})
	})
</script>
<style>
body {
	padding: 40px;
	position: relative;
}

h3 {
	text-align: center;
}
</style>
</head>
<body>
	<nav class="navbar navbar-default navbar-static navbar-fixed-top" role="navigation">
	<div class="container-fluid">
		<div>
			<ul class="nav navbar-nav navbar-right">
				<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">欢迎您，${currentUser.realName}
						<span class="caret"></span>
				</a>
					<ul class="dropdown-menu">
						<li><a href="updatePassword.jsp" onclick="window.open(this.href);return false"> 更改个人密码 </a></li>
						<shiro:hasPermission name="USER_REGISTER">
							<li><a href="register.jsp" onclick="window.open(this.href);return false"> 注册新用户 </a></li>
						</shiro:hasPermission>
						<li><a href="/test/logout.do">退出登录</a></li>
					</ul></li>
			</ul>
		</div>
	</div>
	</nav>
	<div class="container col-md-8 col-md-offset-2">
		<div class="page-header">
			<h3>注册页面</h3>
		</div>
		<div>
			<form action="/test/addUser.do" method="post" id="increaseForm" class="form-horizontal">
				<input type="hidden" id="id" name="id" value="${user.id}" />

				<div class="form-group">
					<label for="username" class="col-md-2 control-label">账号</label>
					<div class="col-md-7">
						<input type="text" class="form-control" id="username" name="username" placeholder="请输入账号">
					</div>
				</div>

				<div class="form-group">
					<label for="plainPassword" class="col-md-2 control-label">密码</label>
					<div class="col-md-7">
						<input type="password" class="form-control" name="plainPassword" id="plainPassword" placeholder="请输入密码" />
					</div>
				</div>

				<div class="form-group">
					<label for="repassword" class="col-md-2 control-label">确认密码</label>
					<div class="col-md-7">
						<input type="password" class="form-control" name="repassword" id="repassword" placeholder="请再次输入密码" />
					</div>
				</div>

				<div class="form-group">
					<label for="realName" class="col-md-2 control-label">真实姓名</label>
					<div class="col-md-7">
						<input type="text" class="form-control" id="realName" name="realName" placeholder="请输入真实姓名">
					</div>
				</div>

				<div class="form-group">
					<label for="phoneNumber" class="col-md-2 control-label">电话号码</label>
					<div class="col-md-7">
						<input type="text" class="form-control" id="phoneNumber" name="phoneNumber" placeholder="请输入电话号码">
					</div>
				</div>

				<div class="form-group">
					<label for="department" class="col-md-2 control-label">所在部门</label>
					<div class="col-md-7 ">
						<z:codeSelector entityName="Department" name="department" />
					</div>
				</div>

				<div class="form-inline col-md-offset-5">
					<button type="submit" class="btn btn-primary">保存并关闭</button>
				</div>
			</form>
		</div>
	</div>
</body>
</html>